<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/zonghe.css">
</head>

<body>
    <div id="box">
        <img src="../images/0.jpg" alt="">
        <img src="../images/1.jpg" alt="">
        <img src="../images/2.jpg" alt="">
        <ul>
            <li class="action1"></li>
            <li class="aaa"></li>
            <li></li>

        </ul>
    </div>
    <div class="time">
        <div class="time-one">
            <ul>
                <li class="active"><span id="one" style="line-height: 120px;">限时促销</span></li>
                <li><span class="four">4-5折</span></li>
                <li><span class="third" style="font-size: 28px;line-height:120px;">1-4折</span></li>
                <li><span class="five">5-6折</span></li>
                <li><span class="six">6-7折</span></li>
                <li><span class="nine">7-8折</span></li>
                <li><span class="eight">8折以上</span></li>
                <li><span class="all">所有折扣商品</span></li>

            </ul>
        </div>
        <div class="time-two">
            <ul class="show">
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_1.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_2.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_3.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_14.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_14.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_14.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_14.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_13.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_13.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_13.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_13.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>
            <ul>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
                <li>
                    <a>4折</a>
                    <img src="../images/img_12.jpg" alt="">
                    <h2>力诚香辣味仿蟹柳*250g约10袋</h2>
                    <span class="new_sprice">￥18.5</span>
                    <span class="old_sprice">￥18.8</span>
                </li>
            </ul>

        </div>
    </div>
    <!-- 多买多折扣 -->
    <div class="container">
        <div class="buy">
            <a class="buy_more"></a>
            <a href="#" class="buy_two"></a>
        </div>
        <div class="bisc">
         
        </div>
    <div class="tite">
    <ul>
        <li class="active3"><span class="bisc_one"> 标题一</span></li>
        <li><span class="bisc_two">标题二</span></li>
        <li><span class="bisc_three">标题三</span></li>
        <li><span class="bisc_four">标题四</span></li>
        <li><span class="bisc_five">标题五</span></li>
        <li><span class="bisc_six">标题六</span></li>
        <li><span class="bisc_seven">标题七</span></li>
    </ul>
     </div>

    <div class="pic">
        <ul class="show">
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧卫龙亲口烧
                    
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧卫龙亲口烧
                    
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧卫龙亲口烧
                   
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧卫龙亲口烧
                   
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧卫龙亲口烧
                    
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
            <!-- <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧卫龙亲口烧
                    卫龙亲口烧卫龙亲口烧
                    卫龙亲口烧卫龙亲口烧
                    卫龙亲口烧卫龙亲口烧
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
               
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li> -->
        </ul>
        <ul>

        
            <li>
                <img src="../images/img_16.jpg" alt="">
                <h2>
                    卫龙亲口烧
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <!-- <span class="pic_four">100</span> -->
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
        </ul>
        <ul>
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <!-- <span class="pic_four">100</span> -->
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
            

        </ul>
        <ul>
            <li>
                <img src="../images/img_16.jpg" alt="">
                <h2>
                    卫龙亲口烧
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <!-- <span class="pic_four">100</span> -->
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
        </ul>
       
            <ul>
                <li>
                    <img src="../images/img_15.jpg" alt="">
                    <h2>
                        卫龙亲口烧
                    </h2>
                    <span class="pic_one">1件</span>
                    <span class="pic_two">￥1.00</span>
                    <span class="pic_four">100</span>
                    <span class="pic_three">vs</span>
                    <!-- <span class="pic_four">100</span> -->
                    <span class="pic_five">￥1.00</span>
                    <a href="#">加入购物车</a>
                </li>
            </ul>
             <ul>
            <li>
                <img src="../images/img_16.jpg" alt="">
                <h2>
                    卫龙亲口烧
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <!-- <span class="pic_four">100</span> -->
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
        </ul>
        <ul>
            <li>
                <img src="../images/img_15.jpg" alt="">
                <h2>
                    卫龙亲口烧
                </h2>
                <span class="pic_one">1件</span>
                <span class="pic_two">￥1.00</span>
                <span class="pic_four">100</span>
                <span class="pic_three">vs</span>
                <!-- <span class="pic_four">100</span> -->
                <span class="pic_five">￥1.00</span>
                <a href="#">加入购物车</a>
            </li>
        </ul>
    </div>
</div>
<!-- 组合优惠 -->

<div class="meter">
    <div class="meter-top">
        <a class="meter-title"></a>
        <a class="meter-more"></a>
    </div>
</div>
<div class="meter-one">
    <div class="meter-text">
    <a class="cheap">共省4元</a>
                <img src="../images/img_4.jpg" alt="">
                <h2>
                    咪咪虾味条20g*40包
                </h2>
                <span class="new-sprice"><em>￥</em>20.00
                </span>
                <span class="old-sprice">￥24.00</span>
                <a href="#">加入购物车</a>
        
    </div>
    <div class="meter-left">
         <ul>
            <li>
                <a>共省4元</a>
                <img src="../images/img_5.jpg" alt="">
                <h2>
                    咪咪虾味条20g*40包
                </h2>
                <span class="new-sprice">￥20.00
                </span>
                <span class="old-sprice">￥24.00</span>
            </li>
            <li>
                <a>共省4元</a>
                <img src="../images/img_8.jpg" alt="">
                <h2>
                    咪咪虾味条20g*40包
                </h2>
                <span class="new-sprice">￥20.00
                </span>
                <span class="old-sprice">￥24.00</span>
            </li>
            <li>
                <a>共省4元</a>
                <img src="../images/img_9.jpg" alt="">
                <h2>
                    咪咪虾味条20g*40包
                </h2>
                <span class="new-sprice">￥20.00
                </span>
                <span class="old-sprice">￥24.00</span>
            </li>
            <li>
                <a>共省4元</a>
                <img src="../images/img_7.jpg" alt="">
                <h2>
                    咪咪虾味条20g*40包
                </h2>
                <span class="new-sprice">￥20.00
                </span>
                <span class="old-sprice">￥24.00</span>
            </li>

        </ul>
    </div>

</div>

</div>
<div class="milk">
    <div class="milk-two">
        <ul>
            <li>
                <a>共省14.6元</a>
                <img src="../images/img_6.jpg" alt="">
                <h2>3点一刻港式奶茶</h2>
                <span class="new_sprice">￥37.00</span>
                <span class="old_sprice">￥51.60</span>

            </li>
            <li>
                <a>共省1元</a>
                <img src="../images/img_10.jpg" alt="">
                <h2>3点一刻港式奶茶</h2>
                <span class="new_sprice">￥37.00</span>
                <span class="old_sprice">￥51.60</span>

            </li>
            <li>
                <a>共省1元</a>
                <img src="../images/img_11.jpg" alt="">
                <h2>3点一刻港式奶茶</h2>
                <span class="new_sprice">￥37.00</span>
                <span class="old_sprice">￥51.60</span>

            </li>
        </ul>
    </div>
    
</div>

</body>
<script src="../js/zonghe.js"></script>

</html>